﻿<!-- <h1>{{book_name.0}}</h1><br>

{{book_author.0}}<br>

{%for i in book_info%}


	<a href ='{{i.0}}'>{{i.1}}</a><br>



{%endfor%}
 -->
 
{%load static%}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>嘉小盗</title>
    <link href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css'%}" rel="stylesheet">
	<style type="text/css">

		body{
			width: 100%;
			height: 100%;
			background-image: url("{% static 'img/彩.jpg'%}");
			background-repeat: no-repeat;
			background-size:100% 100%;
			background-attachment: fixed;
		}
		.chapter{
			border: 2px solid #72CCE3;
			height: 60px;
			width: 150px;
			border-radius: 20px;
			text-align: center;
			line-height: 60px;
			margin-top: 10px;
			margin-left: 10px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
            border-color: rgba(0,0,0,0.5);
            margin-left: 70px;
		}
        .page-header{
            text-align: center;
            font-family: 微软雅黑;
        }
		.chapter a{
			text-decoration: none;
            font-family: 方正兰亭超细黑简体;
            color:gray;
			
		}
		.all{
			margin-left: 100px;
            background-color: rgba(255,255,255,0.5);
            
		}
		
	</style>
</head>

<!-- 31237732.html 
31237733.html -->
<body>
	<div class="page-header">
    <h2>{{book_name.0}}</h2>
    <h3>{{book_author.0}}<br></h3>
	</div>
	<div class="container">
	<div class="row">
		<div class = "col-md-10 all">
		{%for i in book_info%}
		<!-- {{i.0}} -->
  		<div class="col-md-3 chapter"><a href ='{{i.0}}'>{{i.1}}</a><br></div>
  		{%endfor%}
		</div>
	</div>
    <!-- <ul class="pagination">
    <li><a href="#">&laquo;</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">&raquo;</a></li>
    </ul> -->
    
	</div>
  	
</body>
 <script src="{% static 'js/jquery-3.3.1.min.js'%}"></script>
 <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js'%}"></script>
</html>

